<template>
	<div>
        <div>
        <h2>{{ msg }}</h2>
        <span v-for="(item, index) in arr" :key="index">
            <input type="checkbox" v-model="love" :value="item">{{ item }}
        </span>
        </div>
        <div>
            <ul>
                <li v-for="(item,index) in love" :key="index">
                    {{ item }}
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
	export default {
		data() {
			return {
                msg: '请选择喜欢的专栏',
                arr: ["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
                love: []
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
